<template>
    <layout>
        <mt-header title="我的老师">
            <a href="/member" slot="left">
                <mt-button  icon="back"></mt-button>
            </a>
        </mt-header>
        <ul>
            <li v-for="(item, index) in teacher">
                <div class="teacher">
                    <img :src="showImage(item.headImage)"/>
                </div>
                <div class="names">
                    <div>{{ item.name }}</div>
                    <div class="names-mold">{{ item.courseName }}老师</div>
                </div>
                <div class="dianhua">
                    <p class="teach_ph icon-dianhua" >{{ item.mobile }}</p>
                    <a class="teach_na" :href="'/member/teacher/evaluate?id='+item.id" v-if="!item.isComment">评价老师</a>
                    <p class="teach_nae" v-else="item.isComment">已评价</p>
                </div>
            </li>


        </ul>

    </layout>
</template>
<style lang="scss">
    @import "index.scss";
</style>
<script type="text/babel">
    import { api, image } from 'framework/config.js';
    import Layout from "component/layout/standard";

    import Vue from 'vue'
    import Mint from 'mint-ui';
    Vue.use(Mint);

    export default {
        components: {
            Layout
        },
        data(){
            return {
            }
        },
        computed: {
            api(){
                return api();
            }
        },
        methods: {
            showImage(url, params){
                return image(this.api.image, url, params);
            },
        },
        created(){
        },
        mounted() {
        }
    }
</script>

